$(function () {
    //首页判断loading
    document.onreadystatechange = function () { //即在加载的过程中执行下面的代码
        if (document.readyState == "complete") { //complete加载完成
            setTimeout(function () {
                $(".loading").fadeOut();
            },700);
        }
    }
})

//指定要操作的元素的click事件停止传播—定义属性值data-stopPropagation的元素点击时停止传播事件
$("body").on('click','[data-stopPropagation]',function (e) {
    e.stopPropagation();
});

var windowH = $(window).height();
/**
 * [resizeModel 根据窗口调整大小]
 * @param {[type]} windowH [description]
 * @return {[type]} [description]
 */
function resizeModel(windowH) {
    $('.need-resize').each(function () {
        var $this = $(this);
        var height = windowH - $this.offset().top - 15;
        $this.css('height', height);
    })

    // $('.indicator-item').height($('#finish-value').height() + 35); //指标选择容器高度
    $('.dispatch-content').height($('.warning-content').height() + 480); //右侧侧边栏容器高度
    $('.visit-data').height($('.warning-content').height() + 370); //左侧边栏容器高度
    $("#report").height($(".container-box").height()-50);//智能分析报告页面高度


    // 图标表高度图标表高度
    $('#map-img').height($('#map-gd').height());


}


/*图表区域****************************************** */

/*
 * 增长率仪表盘 dashboard ()
 params  el:ID元素  data:仪表盘值  dataName:仪表盘名  ranking:排名
 */
function dashboard(el, data, dataName, ranking) {
    var option = {
        backgroundColor: '',
        tooltip: {
            formatter: '<div>业务指标</div>{b} : {c}'
        },
        series: [{
            animationDuration: 5000,
            axisLine: {
                show: true,
                lineStyle: {
                    color: [
                        [0.2, '#FF6C6C'],
                        [0.8, '#FED147'],
                        [1, '#56D7AB']
                    ],
                    width: 10
                }
            },
            axisTick: {
                show: true
            },
            axisLabel: {
                distance: 6,
                textStyle: {
                    color: 'auto'
                }
            },
            splitLine: { // 分隔线
                length: 6, // 属性length控制线长
                lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
                    color: 'auto'
                }
            },
            itemStyle: {
                normal: {
                    color: 'auto'
                }
            },
            radius: '100%',
            pointer: {
                width: 10
            },
            title: {
                offsetCenter: [0, '90%']
            },
            detail: {
                textStyle: {
                    // fontWeight: 'bolder',
                    fontSize: 16,
                    color: '#fff'
                },
                offsetCenter: [0, '58%'],
                formatter: dataName + '\n{value}%'
            },
            min: 0,
            max: 100, //县目标最大值
            name: '米类仪表盘',
            type: 'gauge',
            show: false,
            // splitNumber: 10,

            data: [{
                value: data, //县目标实际值
                // name: '县目标100%，第 6 名'
            }]
        }]
    };
    $(".growth-rate-data>em").html(ranking);
    //基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById(el));
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    //自适应大小
    window.addEventListener("resize", function () {
        myChart.resize();
    });

}


/* 
 * 全市各县区排名情况
 */
function countyRanking() {
    var option = {
        tooltip: {
            trigger: 'axis',
            // formatter: "{b} : {c} </br> {b1} : {c1}",
            axisPointer: {
                // 坐标轴指示器，坐标轴触发有效
                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        grid: {
            left: '0%',
            right: '0%',
            bottom: '0%',
            containLabel: true
        },
        legend: {
            data: ['完成值(亿元)', '增长率(%)'],
            textStyle: {
                color: '#fff',
                fontSize: '12',
            }
        },
        xAxis: [{
            type: 'category',
            data: ['鼓楼', '永泰', '福清', '长乐', '晋安', '苍山', '闽侯', '马尾', '连江', '台江', '罗源', '闽清'],
            axisPointer: {
                type: 'shadow'
            },
            axisLabel: {
                show: true,
                textStyle: {
                    color: '#fff',
                    fontSize: 12 //设置x轴字体
                }
            },
            axisLine: {
                lineStyle: {
                    color: '#fff',
                    width: 1, //这里是为了突出显示加上的
                }
            },
        }],
        yAxis: [{
            type: 'value',
            name: '亿元',
            // min: 0,
            // max: 250,
            // interval: 50,
            axisLabel: {
                formatter: '{value} '
            },
            axisLine: {
                lineStyle: {
                    color: '#fff',
                    width: 1, //这里是为了突出显示加上的
                }
            },
            //去掉网格线
            splitLine: {
                show: false
            },

        },
            {
                type: 'value',
                name: '比率 (%)',
                // min: 0,
                // max: 25,
                // interval: 5,
                axisLabel: {
                    formatter: '{value} '
                },
                axisLine: {
                    lineStyle: {
                        color: '#fff',
                        width: 1, //这里是为了突出显示加上的
                    }
                },
                //去掉网格线
                splitLine: {
                    show: false
                },
            }
        ],
        series: [{
            animationDuration: 3000,
            name: '完成值(亿元)',
            type: 'bar',
            data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]
        },
            {
                animationDuration: 3000,
                name: '增长率(%)',
                type: 'line',
                yAxisIndex: 1,
                data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2],
                type: "line",
                symbol: "circle", //设定为实心点
                symbolSize: 12, //设定实心点的大小
                itemStyle: {
                    normal: {
                        color: "#56D7AB", //小圆点颜色
                        lineStyle: {
                            color: "#56D7AB", //折线颜色
                            width: 3
                        }
                    }
                }

            }
        ],
        color: [{ //设置渐变颜色
            x: 0,
            y: 1,
            x2: 0,
            y2: 0,
            type: 'linear',
            colorStops: [{
                offset: 0,
                color: '#4BBCCF'
            },
                {
                    offset: 1,
                    color: '#0084FF'
                }
            ]
        }],
        barWidth: 15
    };


    //基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('county-ranking'));
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    //自适应大小
    window.addEventListener("resize", function () {
        myChart.resize();
    });
}

/**
 * 累计完成值及同比增长情况 柱状图表 finishValue()
 */
function finishValue() {
    var html = "<div color='#EAAD0E'>{b}</div><small style='color:#3B75FA;'> ● </small> {a1}:{c1}亿元 </br> <small style='color:#58FFF5;'> ● </small> {a}:{c}亿元  </br> <small style='color:#EAAD0E;'> ● </small>{a2}:{c2}% </br> <small style='color:#FF6C6C;'> ● </small>{a3}:{c3}%";
    var option = {
        title: {
            y: "3%",
            left: 'center',
            text: '累计完成值及同比增长情况',
            textStyle: {
                color: "#FDBC0A",
                fontSize: 15,
                fontWeight: "bold"
            }
        },
        tooltip: {
            trigger: 'axis',
            formatter: html,
            axisPointer: {
                // 坐标轴指示器，坐标轴触发有效
                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        grid: {
            left: '0%',
            right: '0%',
            bottom: '3%',
            containLabel: true
        },
        legend: {
            x: "center",
            y: "10%",
            data: ['2018年完成值', '2017年完成值', '2018年增长率', '2017年增长率'],
            textStyle: {
                color: '#fff',
                fontSize: '12',
            }
        },
        xAxis: [{
            type: 'category',
            data: ['第一季度', '第二季度', '第三季度', '第四季度'],
            axisPointer: {
                type: 'shadow'
            },
            axisLabel: {
                show: true,
                textStyle: {
                    color: '#fff',
                    fontSize: 15 //设置x轴字体
                }
            },
            axisLine: {
                lineStyle: {
                    color: '#fff',
                    width: 1, //这里是为了突出显示加上的
                }
            },
        }],
        yAxis: [{
            show: false,
        },
            {
                show: false,
            }
        ],
        series: [{
            animationDuration: 3000,
            name: '2017年完成值',
            type: 'bar',
            data: [15.6, 25.3, 28, 23.2],
            color: '#58FFF5'
        },
            {
                animationDuration: 3000,
                name: '2018年完成值',
                type: 'bar',
                data: [18.6, 23, 19.5, 35],
                color: '#3B75FA'
            },
            {
                animationDuration: 3000,
                name: '2018年增长率',
                type: 'line',
                // yAxisIndex: 1,设置y轴起点值
                data: [2.0, 2.2, 3.3, 20],
                type: "line",
                symbol: "circle", //设定为实心点
                symbolSize: 10, //设定实心点的大小
                itemStyle: {
                    normal: {
                        color: "#EAAD0E", //小圆点颜色
                        lineStyle: {
                            color: "#EAAD0E", //折线颜色
                            width: 3
                        }
                    }
                }

            },
            {
                animationDuration: 3000,
                name: '2017年增长率',
                type: 'line',
                data: [8, 7, 15, 5],
                type: "line",
                symbol: "circle", //设定为实心点
                symbolSize: 10, //设定实心点的大小
                itemStyle: {
                    normal: {
                        color: "#FF6C6C", //小圆点颜色
                        lineStyle: {
                            color: "#FF6C6C", //折线颜色
                            width: 3
                        }
                    }
                }

            }
        ],
        color: [{ //设置渐变颜色
            x: 0,
            y: 1,
            x2: 0,
            y2: 0,
            type: 'linear',
            colorStops: [{
                offset: 0,
                color: '#4BBCCF'
            },
                {
                    offset: 1,
                    color: '#0084FF'
                }
            ]
        }],
        barWidth: 15
    };


    //基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('finish-value'));
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    //自适应大小
    window.addEventListener("resize", function () {
        myChart.resize();
    });
}


/**
 * 地区针对性比较
 * gdpPredict(P)
 */
function gdpPredict(p) {
    var option = {
        tooltip: {
            trigger: "item",
            formatter: "{a} <br/>{b} : {c} ({d}%)",
        },
        title: {
            text: 'GDP',
            textStyle: { //设置主标题样式
                fontWeight: 'normal',
                fontSize: 12,
                color: '#FDBC0A' //#075689
            },
            subtext: p[0].value+'%',
            subtextStyle: { //设置副标题样式
                color: '#fff',
                fontSize: '12' //#075689
            },
            x: 'center',
            y: '40%',
        },
        series: [{
            animationDuration: 3000,
            name: '重大项目',
            type: 'pie',
            radius: ['30%', '53%'],
            center: ['50%', "50%"], //移动圆位置
            label: {
                formatter: '{b}\n\n{c}%',
                fontSize: 12,
                color: "#fff",
            },
            labelLine: {
                show: true,
                length: 0.0001
            },
            data: [{
                value: p[1].value,
                name: "一产"
            },
                {
                    value: p[2].value,
                    name: "二产"
                },
                {
                    value: p[3].value,
                    name: "三产"
                },
            ],
            color: ['#00BFB8', '#23D26D', '#028D5E'],
        }],
    };
    //基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('area-compare'));
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    //自适应大小
    window.addEventListener("resize", function () {
        myChart.resize();
    });
}



/**
 * GDP增长态势图
 * areaCompare()
 */
function growthTrend(p) {
    var p1=p[1].growth;
    var p2=p[2].growth;
    var p3=p[0].growth;
    var option = {
        // tooltip: {
        //     trigger: 'axis',
        //     formatter: '{b} : {c}%'
        // },
        grid: {
            left: '0%',
            right: '0%',
            bottom: '10px',
            top: '10px',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            data: [' ', '永泰县', '古田县', '武平县'],
            splitLine: { //设置x轴网格线
                show: true,
                lineStyle: {
                    color: '#51B8EA',
                    width: 1,
                    type: 'solid'
                }
            },
            axisLabel: {
                show: true,
                textStyle: {
                    color: '#fff',
                    fontSize: 12 //设置x轴字体
                }
            },
            axisLine: { //设置x轴轴线样式
                lineStyle: {
                    color: '#fff',
                    width: 2,
                }
            },
        },
        yAxis: {
            type: 'value',
            position: 'right', //设置y轴位置
            axisLabel: {
                formatter: '{value} %', //设置y轴单位
                textStyle: {
                    color: '#fff',
                    fontSize: 12 //设置y轴字体
                }
            },
            axisLine: { //设置y轴轴线样式
                lineStyle: {
                    color: '#fff',
                    width: 2,
                }
            },
            splitLine: { //设置网格线
                show: true,
                lineStyle: {
                    color: ['#51B8EA'],
                    width: 1,
                    type: 'solid'
                }
            }
        },
        series: [{
            animationDuration: 3000,
            data: [0, p1,p2 ,p3],
            type: 'line',
            smooth: true, //设置平缓折线
            symbol: "circle", //设置实心点
            symbolSize: 12, //设定实心点大小
            itemStyle: {
                normal: {
                    color: "#00BFB8", //小圆点颜色
                    lineStyle: {
                        color: "#00BFB8", //折线颜色
                        width: 3
                    },
                    label: {
                        show: false,
                        // color: '#000',
                        position: 'top', //数据在中间显示
                        formatter: '{c}%' //百分比显示
                    },
                    barBorderRadius: [50, 50, 0, 0]
                }
            },
            markPoint: {
                // symbolSize: 50,//控制气泡大小
                data: [{
                    name: '当前值',
                    value: p1 + '%',
                    xAxis: 1,
                    yAxis: p1
                },
                    {
                        name: '当前值',
                        value: p2 + '%',
                        xAxis: 2,
                        yAxis: p2
                    },
                    {
                        name: '当前值',
                        value: p3 + '%',
                        xAxis: 3,
                        yAxis: p3
                    }
                ]
            }
        }]
    };


    //基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('growth-trend'));
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    //自适应大小
    window.addEventListener("resize", function () {
        myChart.resize();
    });
}

/**
 * 指标预警图表
 */
function indicatorsWarning(p) {
    var html = "<div>{b}</div><small style='color: #11B063;'>●</small> {a}:{c}亿元 </br> <small style='color: #58FFF5;'>●</small> {a1}:{c1}亿元  </br> <small style='color: #fff;'>●</small> {a2}:{c2}% ";
    var option = {
        grid: {
            top: "10px",
            left: '15px',
            right: '0%',
            bottom: '0%',
            containLabel: true
        },
        tooltip: {
            trigger: 'axis',
            formatter: html,
            axisPointer: { // 坐标轴指示器，坐标轴触发有效
                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        xAxis: {
            name: '(亿元)',
            type: 'value',
            //去掉网格线
            splitLine: {
                show: false
            },
            axisLine: {
                lineStyle: {
                    color: '#fff'
                }
            },
            axisLabel: {
                formatter: '{value} ',
                color: '#fff'
            }
        },
        yAxis: [{
            type: 'category',
            data: p.categoryDetailsList,
            axisLabel: {
                show: true,
                color: "#fff",
            },
            axisLine: { //设置y轴轴线样式
                lineStyle: {
                    color: '#fff',
                    width: 2,
                }
            }
        },
            {
                type: 'category',
                data: p.yujzList,
                axisLabel: {
                    show: true,
                    color: "rgba(255,72,72,1)",
                    fontSize: 16,
                    formatter: function (p) {
                        if (p == 1) {
                            return "预警";
                        }
                    }
                }

            },
        ],
        series: [{
            animationDuration: 3000,
            name: '完成数',
            type: 'bar',
            stack: '总量',
            data: p.actualCompletionValueList
        },
            {
                animationDuration: 3000,
                name: '计划数',
                type: 'bar',
                stack: '总量',
                data: p.planneValueList,
            },
            {
                animationDuration: 3000,
                name: "完成率",
                type: "bar",
                stack: "总量",
                itemStyle: {
                    normal: {
                        color: "#001010",
                        barBorderRadius: 0,
                        label: {
                            show: true,
                            position: "right",
                            formatter: function (p) {
                                return p.value + "%";
                            }
                        }
                    }
                },
                label: {
                    normal: {
                        show: true,
                        position: 'right',
                        textStyle: {
                            color: '#fff',
                            fontSize: 15
                        }
                    }
                },
                data: p.completeAnnualList
            }

        ],
        color: ['#11B063', '#58FFF5'],
        barWidth: 10
    };

    //基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('indicators-warning'));
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    //自适应大小
    window.addEventListener("resize", function () {
        myChart.resize();
    });
}



/**
 * 一二三产图表
 */
function industryStage(el) {
    // 指定图表的配置项和数据
    var option = {
        tooltip: {
            trigger: 'axis',
            // formatter: "<div color='#EAAD0E'>{b}</div> {a1}:{c1}亿元 </br>{a}:{c}亿元  </br> {a2}:{c2}% </br> {a3}:{c3}%",
            axisPointer: {
                // 坐标轴指示器，坐标轴触发有效
                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        grid: {
            left: '0%',
            right: '0%',
            bottom: '0%',
            containLabel: true
        },
        legend: {
            data: ['2017未完成部分', '2018未完成部分', '2017累计值', '2018累计值', '2017增长率', '2018增长率'],
            textStyle: {
                color: '#fff',
                fontSize: '12',
            }
        },
        xAxis: [{
            type: 'category',
            data: ['第一季度', '第二季度', '第三季度', '第四季度'],
            splitLine: {
                show: false
            },
            axisPointer: {
                type: 'shadow'
            },
            axisLabel: {
                show: true,
                textStyle: {
                    color: '#fff',
                    fontSize: 15 //设置x轴字体
                }
            },
            axisLine: {
                lineStyle: {
                    color: '#fff',
                    width: 1, //这里是为了突出显示加上的
                }
            },
        }],
        yAxis: [{
            type: 'value',
            name: '亿元',
            // min: 0,
            // interval: 50,
            axisLabel: {
                formatter: '{value} '
            },
            axisLine: {
                lineStyle: {
                    color: '#fff',
                    width: 1, //这里是为了突出显示加上的
                }
            },
            splitLine: {
                show: false
            },
        },
            {
                type: 'value',
                name: '比率',
                // min: 0,
                // max: 150,
                // interval: 50,
                axisLabel: {
                    formatter: '{value} %'
                },
                axisLine: {
                    lineStyle: {
                        color: '#fff',
                        width: 1, //这里是为了突出显示加上的
                    }
                },
                splitLine: {
                    show: false
                },
            }
        ],
        series: [{
            name: '2017累计值',
            stack: '2017',
            type: 'bar',
            data: [50, 50, 35, 150],
            color: '#FF6F6F'

        },
            {
                name: '2017未完成部分',
                type: 'bar',
                stack: '2017', //设置叠状柱状图
                data: [50, 8, 7.0, 50],

                color: '#4684F7'
            },
            {
                name: '2018累计值',
                type: 'bar',
                stack: '2018',
                data: [20, 50, 35, 80],
                color: '#FFF06F'
            },
            {
                name: '2018未完成部分',
                type: 'bar',
                stack: '2018',
                data: [40, 30, 80, 25],
                color: '#6FFFC0'
            },
            {
                name: '2018增长率',
                type: 'line',
                yAxisIndex: 1, //设置y轴起点值
                data: [10, 25, 30, 50],
                type: "line",
                symbol: "circle", //设定为实心点
                symbolSize: 10, //设定实心点的大小
                itemStyle: {
                    normal: {
                        color: "#FC43D7", //小圆点颜色
                        lineStyle: {
                            color: "#FC43D7", //折线颜色
                            width: 3
                        }
                    }
                }

            },
            {
                name: '2017增长率',
                type: 'line',
                yAxisIndex: 1, //设置y轴起点值
                data: [5, 15, 33, 100],
                type: "line",
                symbol: "circle", //设定为实心点
                symbolSize: 10, //设定实心点的大小
                itemStyle: {
                    normal: {
                        color: "#0AD514", //小圆点颜色
                        lineStyle: {
                            color: "#0AD514", //折线颜色
                            width: 3
                        }
                    }
                }

            }
        ],
        barWidth: 15
    };

    //基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById(el));
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    //自适应大小
    window.addEventListener("resize", function () {
        myChart.resize();
    });
}

industryStage('one-production'); //一产
industryStage('second-production'); //二产
industryStage('three-production'); //三产

/**
 * 指标详情模态框
 * */
function indicatorDetail(el) {
    // 指定图表的配置项和数据
    var option = {
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'shadow'
            }
        },
        legend: {
            data: ['总量', '同比(%)', '环比(%)'],
            textStyle: {
                color: '#fff',
                fontSize: '12',
            }
        },
        grid: {
            left: '3%',
            right: '13%',
            bottom: '3%',
            containLabel: true //包含标签
        },
        xAxis: [{
            type: 'value',
            name: '亿元',
            axisLabel: {
                formatter: '{value} '
            },
            axisLine: {
                lineStyle: {
                    color: '#fff',
                    width: 1, //这里是为了突出显示加上的
                }
            },
            splitLine: {
                show: false
            }
        },
            {
                type: 'value',
                name: '比率(%)',

                axisLabel: {
                    formatter: '{value} %'
                },
                axisLine: {
                    lineStyle: {
                        color: '#fff',
                        width: 1, //这里是为了突出显示加上的
                    }
                },
                splitLine: {
                    show: false
                }
            }
        ],
        yAxis: {
            type: 'category',
            data: ['福州一化化学品股份有限公司', '福建中海创自动化科技有限公司', '永泰县金泰纺织有限公司', '福建省永泰县水电发展有限公司'],
            axisLabel: {
                textStyle: {
                    color: '#fff', //设置y轴字体   
                }
            },
            axisLine: {
                lineStyle: {
                    color: '#fff',
                    width: 1, //这里是为了突出显示加上的
                }
            },
        },
        dataZoom: { //数据多设置滚动条
            type: "slider",
            show: true,
            yAxisIndex: [0],
            right: 0,
            start: 1,
            end: 50,
            minValueSpan: 'horizontal',
            textStyle: {
                color: '#000',
                fontSize: 1
            },
            width: 15,
            fillerColor: '#00D7CE', //填充颜色
            borderColor: "#00D7CE", //设置边框颜色
            handleColor: '#FF6C6C', //h滑动图标的颜色
        },
        series: [{
            name: '总量',
            type: 'bar',
            data: [35, 50, 71.8, 95.6],
            color: '#6FFFC0'
        },
            {
                name: '环比(%)',
                type: 'line',
                xAxisIndex: 1,
                data: [5.6, 8.9, 16.5, 25.6],
                symbol: "circle", //设定为实心点
                symbolSize: 10, //设定实心点的大小
                itemStyle: {
                    normal: {
                        color: '#EAAD0E', //设置小圆点颜色
                        lineStyle: {
                            color: '#EAAD0E', //设定折线颜色
                            width: 3
                        }
                    }
                }
            },
            {
                name: '同比(%)',
                type: 'line',
                xAxisIndex: 1,
                data: [7.5, 13.6, 15, 30],
                symbol: "circle", //设定为实心点
                symbolSize: 10, //设定实心点的大小
                itemStyle: {
                    normal: {
                        color: '#FF6C6C', //设置小圆点颜色
                        lineStyle: {
                            color: '#FF6C6C', //设定折线颜色
                            width: 3
                        }
                    }
                }
            }
        ],
        barWidth: 20
    };

    //基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById(el));
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    //自适应大小
    window.addEventListener("resize", function () {
        myChart.resize();
    });
}

// indicatorDetail('average-number');
// indicatorDetail('participants');


/*
 * 三大七产 sevenProduction()
 */
function sevenProduction(p) {
    var option = {
        tooltip: {
            trigger: 'axis',
            // formatter: "{b} : {c} </br> {b1} : {c1}",
            axisPointer: {
                // 坐标轴指示器，坐标轴触发有效
                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        grid: {
            left: '0%',
            right: '0%',
            bottom: '0%',
            containLabel: true
        },
        legend: {
            data: ['完成值('+p.totalUnit+')', '增长率(%)'],
            textStyle: {
                color: '#fff',
                fontSize: '12',
            }
        },
        xAxis: [{
            type: 'category',
            data:p.areaNameList,
            axisPointer: {
                type: 'shadow'
            },
            axisLabel: {
                show: true,
                textStyle: {
                    color: '#fff',
                    fontSize: 12 //设置x轴字体
                }
            },
            axisLine: {
                lineStyle: {
                    color: '#fff',
                    width: 1, //这里是为了突出显示加上的
                }
            },
        }],
        yAxis: [{
            type: 'value',
            name: p.totalUnit,
            // min: 0,
            // max: 250,
            // interval: 50,
            axisLabel: {
                formatter: '{value} '
            },
            axisLine: {
                lineStyle: {
                    color: '#fff',
                    width: 1, //这里是为了突出显示加上的
                }
            },
            //去掉网格线
            splitLine: {
                show: false
            },

        },
            {
                type: 'value',
                name: '比率 (%)',
                // min: 0,
                // max: 25,
                // interval: 5,
                axisLabel: {
                    formatter: '{value} '
                },
                axisLine: {
                    lineStyle: {
                        color: '#fff',
                        width: 1, //这里是为了突出显示加上的
                    }
                },
                //去掉网格线
                splitLine: {
                    show: false
                },
            }
        ],
        series: [{
            animationDuration: 3000,
            name: '完成值('+p.totalUnit+')',
            type: 'bar',
            data:p.totalList
        },
            {
                animationDuration: 3000,
                name: '增长率(%)',
                type: 'line',
                yAxisIndex: 1,
                data: p.increaseList,
                type: "line",
                symbol: "circle", //设定为实心点
                symbolSize: 12, //设定实心点的大小
                itemStyle: {
                    normal: {
                        color: "#2194FF", //小圆点颜色
                        lineStyle: {
                            color: "#2194FF", //折线颜色
                            width: 3
                        }
                    }
                }

            }
        ],
        color: ["#6FFFC0"],
        barWidth: 15
    };


    //基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById("histogram-1"));
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    //自适应大小
    window.addEventListener("resize", function () {
        myChart.resize();
    });
}

// sevenProduction();


/**
 * 三大七产历史情况 historySitation()
 */
function historySitation(p) {
    var option = {
        tooltip: {
            trigger: 'axis',
            // formatter: "{b} : {c} </br> {b1} : {c1}",
            axisPointer: {
                // 坐标轴指示器，坐标轴触发有效
                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        grid: {
            left: '0%',
            right: '0%',
            bottom: '0%',
            containLabel: true
        },
        legend: {
            data: ['完成值('+p.totalUnit+')', '增长率(%)'],
            textStyle: {
                color: '#fff',
                fontSize: '12',
            }
        },
        xAxis: [{
            type: 'category',
            data: p.jdTimeList,
            axisPointer: {
                type: 'shadow'
            },
            axisLabel: {
                show: true,
                textStyle: {
                    color: '#fff',
                    fontSize: 12 //设置x轴字体
                }
            },
            axisLine: {
                lineStyle: {
                    color: '#fff',
                    width: 1, //这里是为了突出显示加上的
                }
            },
        }],
        yAxis: [{
            type: 'value',
            name: p.totalUnit,
            // min: 0,
            // max: 250,
            // interval: 50,
            axisLabel: {
                formatter: '{value} '
            },
            axisLine: {
                lineStyle: {
                    color: '#fff',
                    width: 1, //这里是为了突出显示加上的
                }
            },
            //去掉网格线
            splitLine: {
                show: false
            },

        },
            {
                type: 'value',
                name: '比率 (%)',
                // min: 0,
                // max: 25,
                // interval: 5,
                axisLabel: {
                    formatter: '{value} '
                },
                axisLine: {
                    lineStyle: {
                        color: '#fff',
                        width: 1, //这里是为了突出显示加上的
                    }
                },
                //去掉网格线
                splitLine: {
                    show: false
                },
            }
        ],
        series: [{
            animationDuration: 3000,
            name: '完成值('+p.totalUnit+')',
            type: 'bar',
            data: p.totalList3
        },
            {
                animationDuration: 3000,
                name: '增长率(%)',
                type: 'line',
                yAxisIndex: 1,
                data: p.increaseList3,
                type: "line",
                symbol: "circle", //设定为实心点
                symbolSize: 12, //设定实心点的大小
                itemStyle: {
                    normal: {
                        color: "#2194FF", //小圆点颜色
                        lineStyle: {
                            color: "#2194FF", //折线颜色
                            width: 3
                        }
                    }
                }

            }
        ],
        color: ["#6FFFC0"],
        barWidth: 20
    };


    //基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById("histogram-2"));
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    //自适应大小
    window.addEventListener("resize", function () {
        myChart.resize();
    });
}



/**
 * 三大七产双仪表盘
 * * (parameter) el=>id名, data=>数据值, dataName=>name名, target=>目标值, unit=>单位
 */
function doubleDashboard(el, data, dataName, target, unit) {
    var option = {
        title: {
            text: "市目标：" + target + unit,
            subtext: "",
            x: 'center',
            y: '85%',
            textStyle: {
                color: "#fff",
                fontStyle: 'normal',
                fontWeight: 'normal',
                fontSize: 18,
            }
        },
        backgroundColor: '',
        tooltip: {
            formatter: '<div>业务指标</div>{b} : {c}'
        },
        series: [{
            animationDuration: 5000,
            axisLine: {
                show: true,
                lineStyle: {
                    color: [
                        [0.2, '#FF6C6C'],
                        [0.8, '#FED147'],
                        [1, '#56D7AB']
                    ],
                    width: 10
                }
            },
            axisTick: {
                show: true
            },
            axisLabel: {
                distance: 6,
                textStyle: {
                    color: 'auto'
                },
                formatter: function(v){//设置刻度表盘为正数
                    return v.toFixed(0);
                }
            },
            splitLine: { // 分隔线
                length: 6, // 属性length控制线长
                lineStyle: { // 属性lineStyle（详见lineStyle）控制线条样式
                    color: 'auto'
                }
            },
            itemStyle: {
                normal: {
                    color: 'auto'
                }
            },
            radius: '100%',
            pointer: {
                width: 10
            },
            title: {
                offsetCenter: [0, '90%']
            },
            detail: {
                textStyle: {
                    // fontWeight: 'bolder',
                    fontSize: 16,
                    color: '#fff'
                },
                offsetCenter: [0, '58%'],
                formatter: dataName + '\n{value}' + unit
            },
            // min: 0,
            max: Number(data)+(Number(data)/2), //纯属表盘好看点
            name: '米类仪表盘',
            type: 'gauge',
            show: false,
            // splitNumber: 10,

            data: [{
                value: data, //县目标实际值
            }]
        }]
    };
    //基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById(el));
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    //自适应大小
    window.addEventListener("resize", function () {
        myChart.resize();
    });

}

// doubleDashboard("dashboard-1", 22, "增幅", 25, "%"); //增幅仪表盘
// doubleDashboard("dashboard-2", 156.8, "总量", 100, "亿") //总量仪表盘

/**
 * 产业调度图表
 */
function dispatch(el,params,key) {
    var p = params.list;
    var arr=[];
    for(var i=0;i<p.length;i++){
        if(p[i].name !=key){
            arr.push(p[i]);
        }
    }
    var option = {
        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        series: [{
            name: '产业调度',
            type: 'pie',
            radius: '75%',
            center: ['50%', '50%'],
            data: arr,
            color: [
                '#63D5FF', '#FED147', '#56D7AB', '#8E57FF', '#FF7043', '#8D6E63', '#4DB6AC', '#E56C6C'
            ],
            roseType: 'radius', //玫瑰图
            label: { //设置标签直接提示
                normal: {
                    formatter: '{b}:{d}% ',
                    textStyle: {
                        fontSize: '12'
                    },
                }
            },
            labelLine: { //设置引线长度
                normal: {
                    // lineStyle: {
                    //     color: 'red'
                    // },
                    smooth: 0.2,
                    length: 1,
                    length2: 20
                }
            }
        }]
    };

    //基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById(el));
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    //自适应大小
    window.addEventListener("resize", function () {
        myChart.resize();
    });
}

// dispatch('dispatch-two');
// dispatch('dispatch-three');

/**
 * 解决问题图表
 */
function solveProblem(p) {
    var option = {
        legend: { //图例
            orient: "vertical", //调整位置排列样式
            right: 0, //设置图标文字在右侧
            y: 'center',
            x: '37%',
            itemWidth: 39,
            itemHeight: 22,
            data: [
                '已解决问题数量',
                '正在协调解决的问题数量',
            ],
            textStyle: {
                color: '#fff',
                fontSize: '14',
                // marginBottom: 20
            },
            formatter: function (name) {
                if (name === '已解决问题数量') {
                    return name + +'\n' + p.solvedProblem + '个';
                } else {
                    return name + '\n' + p.workingProblem + '个';
                }
            }
        },
        // graphic: {
        //     type: 'text',
        //     left: "45%",
        //     top: "30%",
        //     style: {
        //         text: '当前共 \n 24个问题',
        //         textAlign: 'center',
        //         fill: '#000',
        //         fontSize: 16
        //     }
        // },
        title: {
            text: '   当前共\n'+p.allConnectBusiness+'个问题',
            textStyle: { //设置主标题样式
                fontWeight: 'normal',
                fontSize: 14,
                color: '#fff'
            },
            x: '13%',
            y: '43%',
        },
        series: [{
            animationDuration: 3000,
            name: '重大项目行业分类',
            type: 'pie',
            radius: ['38%', '60%'], //内半径，外半径
            center: ["20%", "50%"], //移动圆位置
            avoidLabelOverlap: false,
            label: {
                normal: {
                    show: false,
                    position: 'center',
                },
            },
            labelLine: {
                normal: {
                    show: false
                }
            },
            data: [{
                value:  p.solvedProblem == '-'?  0 : p.solvedProblem,
                name: '已解决问题数量',
                itemStyle: {
                    color: '#18FFFF'
                }

            },
                {
                    value:  p.workingProblem == '-'?  0 :  p.workingProblem,
                    name: '正在协调解决的问题数量',
                    itemStyle: {
                        color: '#32B4F6'
                    }
                }
            ],
            color: ['red', 'blue']
        }]
    };

    //基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('solve-problem'));
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    //自适应大小
    window.addEventListener("resize", function () {
        myChart.resize();
    });
}




/*以上为图表****************************************** */

/*
* 首页预测表正则验证
* */
function keyPress(ob) {
    if (!ob.value.match(/^[\+\-]?\d*?\.?\d*?$/)) ob.value = ob.t_value;
    else ob.t_value = ob.value;
    if (ob.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/)) ob.o_value = ob.value;
}

function keyUp(ob) {
    if (!ob.value.match(/^[\+\-]?\d*?\.?\d*?$/)) ob.value = ob.t_value;
    else ob.t_value = ob.value;
    if (ob.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/)) ob.o_value = ob.value;
}

function onBlur(ob) {
    if (!ob.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/)) ob.value = ob.o_value;
    else {
        if (ob.value.match(/^\.\d+$/)) ob.value = 0 + ob.value;
        if (ob.value.match(/^\.$/)) ob.value = 0;
        ob.o_value = ob.value
    };
}

/**
 * 左侧登记表渲染 registryRender()
 * params()
 * type -> tab栏选中自定义值
 */
function registryRender(type,times){
    $.ajax({
        url: "/web/interview/register",
        type: "POST",
        dataType: "json", //返回数据形式为json
        contentType: 'application/json;charset=UTF-8',
        data: JSON.stringify({"fillUnitId": type, "fillDate": times}),
        success: function (res) {
           if(res.data == undefined){1
               $(".visit-data").html("暂无数据");
           }else{
               $(".layer-left  .btn-default").html(res.data.time.year+"年"+res.data.time.month+"月");//时间

               var html = "";
               for (var i = 0; i < res.data.list.length; i++) {
                   var item1 = res.data.list[i];
                   html += '\
                        <div class="personal col-xs-3">\
                            <div class="clear">\
                                <span class="pull-left">' + item1.userName + '</span>\
                                <span class="pull-right">本月走访次数：<em>' + (item1.allInterviewCount == "0" ? " - " : item1.allInterviewCount) + '</em></span>\
                              </div>\
                              <div class="personal-item">\
                       ';
                   for (var j = 0; j < res.data.list[i].interviewDetails.length; j++) {
                       var item2 = res.data.list[i].interviewDetails[j];
                       html += '\
                            <div class="clearfix hidden-font" data-id="' + item2.sysId + '">\
                                  <p class="' + (item2.haveProblem == "1" ? "red-dot" : " ") + '"> ● </p>\
                                  <p class="hidden-font" title="' + item2.business + '">' + item2.business + '</p>\
                                  <p>' + (item2.interviewCount == "0" ? " - " : item2.interviewCount) + '</p>\
                            </div>\
                            ';
                   }
                   html += '\
                        </div>\
                         </div>\
                        ';
               }
               $(".visit-data").html(html);
           }
        }

    });
}
